<html>

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>味易欧商城</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_508245_up1w8xn3gak2zkt9.css">
    <link rel="stylesheet" type="text/css" href="css/sm.css">
    <link rel="stylesheet" type="text/css" href="css/module.css">
    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <style>
    .page {
        background-color: #f5f6f7;
    }
    </style>
</head>

<body>
    <div class="page-group">
        <div class="page page-current" id="pas">
            <header class="bar bar-nav">
                <span class="iconfont icon-jiantouright ico pull-left cell-left"></span>
                <h1 class="title">账户明细</h1>
            </header>
            <div class="content ">
                <div class="buttons-row tab-btn">
                    <a href="#all" class="tab-link active cell-main">全部</a>
                    <a href="#in" class="tab-link  cell-main">赚取</a>
                    <a href="#out" class="tab-link cell-main">消费</a>
                </div>
                <div id="all" class="tab ">
                    <ul class="underline">
                        <li class="flex detail">
                            <div class="tip">描述：</div>
                            <div class="cell-main">这是描述账户的变更的明细这是描 述账户的变更的明细
                            </div>
                            <div class="data right">
                                <span class=" orange">-28.00<span>元</span></span>
                                <div class="time">2017-10-12 12：12</div>
                            </div>
                        </li>
                    </ul>
                </div>
                 <div id="in" class="tab ">
                    <ul class="underline">
                        <li class="flex detail">
                            <div class="tip">描述：</div>
                            <div class="cell-main">这是描述账户的变更的明细这是描 述账户的变更的明细
                            </div>
                            <div class="data right">
                                <span class=" orange">-28.00<span>元</span></span>
                                <div class="time">2017-10-12 12：12</div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    </div>
    <script type='text/javascript' src='js/lib/zepto.js' charset='utf-8'></script>
    <script type='text/javascript' src='js/lib/sm.js' charset='utf-8'></script>
    <script type='text/javascript' src='js/lib/sm-extend.js' charset='utf-8'></script>
    <script type='text/javascript' src='js/common.js' charset='utf-8'></script>
    <script>
    $.init();
    </script>
</body>

</html>